<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <#assign base=request.contextPath  />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" href="${base}/frame/layui/css/layui.css">
    <link rel="stylesheet" href="${base}/frame/static/css/style.css">
    <link rel="icon" href="${base}/frame/static/image/code.png">
    <script type="text/javascript" src="${base}/js/zhang.js"></script>
    <script type="text/javascript" src="../frame/layui/layui.all.js"></script>
    <script type="text/javascript" src="${base}/frame/layui/layui.all.js"></script>
</head>
<body class="body">
<div class="ziyemianbiju">
	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
        <div class="my-btn-box">          
            <span style="height: 50px;">
                <span class="layui-form-label">企业成员</span>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" placeholder="车牌号" class="layui-input isNull" id="carPlant"  name="carPlant" style="height: 31px;">
                </div>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" placeholder="车辆所属公司" class="layui-input isNull" id="ptName" name="ptName" style="height: 31px;">
                </div>
                <div class="layui-input-inline">
                    <input type="text" autocomplete="off" placeholder="订单号" class="layui-input isNull" id="orderNum" name="orderNum" style="height: 31px;">
                </div>
                  <div class="layui-input-inline">
                    <input type="text" autocomplete="off" placeholder="开始时间(准确时间)" class="layui-input isNull" id="startTime" name="startTime" style="height: 31px;">
                </div>
                  <div class="layui-input-inline">
                    <input type="text" autocomplete="off" placeholder="结束时间(准确时间)" class="layui-input isNull" id="endTime" name="endTime" style="height: 31px;">
                </div>
                <button class="layui-btn  layui-btn-sm layui-btn-normal" id="seche22">查询</button>
            </span>
			<table class="layui-hide" id="test" lay-filter="test"></table>  
		</div>
	</div>
    <script src="${base}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
layui.use(['laydate','form','table'], function(){
	var laydate = layui.laydate;
 	var form = layui.form
 	var table = layui.table;
  table.render({
    even: true,//开启隔行背景
	size: 'sm',//小尺寸的表格
	elem: '#test',
    toolbar: '#toolbarDemo',
	url: '${base}/comChargeInfo/list2',
	title: '用户数据表',
	cols: [[{field:'id',templet:function(val){ //显示序号而不是id
            return   val.LAY_INDEX
        }, title: '序号',align:'center'},
        {field:'carPlant', title: '车牌号',align:'center'}
        ,{field:'ptName', title: '车辆所属公司',align: 'center'}
        ,{field:'elecMoeny', title: '电费',align: 'center'}
        ,{field:'serviceMoeny', title: '服务费',align: 'center'}
        ,{field:'totalMoeny', title: '总金额',align: 'center'}
        ,{field:'moeny', title: '总余额',align: 'center'}
         ,{field:'startTime', title: '开始时间',align: 'center'}
        ,{field:'endTime', title: '结束时间',align: 'center'}
        ,{field:'orderNum', title: '订单号',align:'center'}
        ,{field:'remark', title: '备注',align: 'center'}
    ]]
    ,id: 'testReload'
      ,height:480
      ,page: {
          layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
          ,theme: '#9AC747'
          ,limit: 10
      }
  });
    laydate.render({
    elem: '#test1'
    ,theme: '#393D49'
  });
  laydate.render({
    elem: '#test2'
    ,theme: '#393D49'
  });
});

//键盘事件
$("body").bind("keydown",function(e){
    // 兼容FF和IE和Opera
    var theEvent = e || window.event;
    var code=theEvent.keyCode || theEvent.which || theEvent.charCode;
    if (code==13) {
        //回车执行查询
        $("#seche22").click();
    }
});

$('#seche22').on('click',function () {
    var formData={};
    formData.carPlant=$("#carPlant").val();
    formData.ptName=$("#ptName").val();
    formData.orderNum=$("#orderNum").val();
    formData.startTime=$("#startTime").val();
    formData.endTime=$("#endTime").val();
        var table = layui.table;
        table.reload(
                'testReload', {
                    url: '${base}/comChargeInfo/query',
                    where:{param:JSON.stringify(formData)},
                });

})
</script>
</body>
</html>